<template>
  <div class="integral-wrap">
    <van-nav-bar
      :title="headTitle"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <van-cell-group>
      <van-cell title="优惠说明" :value="value" />
      <van-cell title="有效日期" value="领取后当天有效，有效期15天" />
      <van-cell title="适用门店" value="适用该商户下所有门店" />
      <van-cell title="适用商品" value="全商品通用" />
      <van-cell
        title="使用须知"
        label="1.该优惠券仅限蜜雪冰城手机点餐使用
                2.该优惠券不找零，不兑现，取消订单后不再返还
                3.该优惠券领取后有效期15天，优惠券过期后不可再用"
      />
    </van-cell-group>
  </div>
</template>

<script>
import { reactive, toRefs } from "@vue/reactivity";
import { useRoute } from "vue-router";
export default {
  setup() {
    const route = useRoute();
    const state = reactive({
      headTitle: "优惠券详情",
      value: route.query.msg,
    });
    const onClickLeft = () => history.back();
    return {
      ...toRefs(state),
      onClickLeft,
    };
  },
};
</script>

<style>
</style>